<template>
  <div>
    <!-- v-on指令 作用：注册事件 语法 1 v-on:事件名=“要执行少量代码只执行一行完毕" 
    语法2 v-on：事件名=”methods中的函数名“点击时触发 methods中的函数
    语法3，v-on：事件名="methods"中函数名（参数1，参数2）
    简写为@事件名="methods"中函数名（参数1，参数2）
    -->
    
    <h1>我的工资:{{money}}</h1>
    <button v-on:click="money += 3000">发工资了</button>
    <button v-on:click="money -= 1000">买车了</button>
    <button @click="xifoot">洗脚</button>
    <button @click="work(10)">接私活</button>
    <button @click="work(30,'哈哈')">接私活</button>
  </div>
</template>

<script>
export default {
  //经常变化的数据要定义在data函数中
data () {
    return {
        money:888,
    }
},
//methods 里面用于存放方法，方法是用来调用的
methods:{
  xifoot () {
    this.money-=300
    this.money-=4000
  },
  work(sum,str){
    this.money+=sum*300
    console.log(str);
  }
}
}
</script>

<style>

</style>